<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>for循环练习</title>
</head>

<body>
  <script>
    // for 循环练习

    // 1. 页面打印出5颗小星星 ★★★★★
    // for (let i = 1; i <= 5; i++) {
    //   document.write('★')
    // }

    // 2. 页面输出年龄 (1~100岁)
    // for (let i = 1; i <= 100; i++) {
    //   document.write(`我今年${i}岁了<br>`)
    // }

    // 3. 页面输出1~100以内的偶数
    // for (let i = 1; i <= 100; i++) {
    //   // 3.1 判断
    //   if (i % 2 === 0) {
    //     document.write(i + '<br>')
    //   }
    // }

    // 4. 求 1~100 之间的累加和
    // let total = 0
    // for (let i = 1; i <= 100; i++) {
    //   // total = total + i
    //   total += i
    // }
    // console.log(total)

    // 5. 求 1~100 之间的所有偶数的和
    let total = 0
    for (let i = 1; i <= 100; i++) {
      if (i % 2 === 0) {
        total += i
      }
    }
    console.log(total)

  </script>
</body>

</html>